<template>
  <div>
    <div>
      <alert v-model="show" title="提示" @on-show="onShow" @on-hide="onHide">{{message}}</alert>
      <loading v-model="showLoading" text="加载中..."></loading>
      <Yq-header v-if="isShowHeader"></Yq-header>
      <tab :line-width=2 style="position: fixed;width: 100%;height: 44px;z-index: 9999;">
        <tab-item :selected="index === 0" @click.native="getAllOrder(1)">全部订单</tab-item>
        <tab-item :selected="index === 1" @click.native="getObligationListFn(1,1)">待付款</tab-item>
        <tab-item :selected="index === 2" @click.native="getObligationListFn(2,1)">待发货</tab-item>
        <tab-item :selected="index === 3" @click.native="getObligationListFn(3,1)">待收货</tab-item>
        <tab-item :selected="index === 4" @click.native="getObligationListFn(4,1)">交易成功</tab-item>
      </tab>
    </div>
    <!--所有订单-->
    <div :style="contentBox">
      <div :style="boxStyle">
        <div v-if="noOrder === true" style="text-align: center;line-height: 200px">暂无相关订单</div>
        <div style="height: 44px;"><span>&nbsp;</span></div>
        <flexbox v-if="noOrder === false&& detailList !== true" orient="vertical" :gutter="0" v-for="allOrderList in allOrderList">
          <flexbox-item>
            <group gutter="5">
              <flexbox>
                <flexbox-item :span="3.8">
                  <p style="text-align:center;border-right: solid 1px #d9d9d9;font-size: 15px;color: #fc585b;" v-if="allOrderList.mstate===1">待付款</p>
                  <p style="text-align:center;border-right: solid 1px #d9d9d9;font-size: 15px;color: #fc585b;" v-if="allOrderList.mstate===2">待发货</p>
                  <p style="text-align:center;border-right: solid 1px #d9d9d9;font-size: 15px;color: #fc585b;" v-if="allOrderList.mstate===3">待收货</p>
                  <p style="text-align:center;border-right: solid 1px #d9d9d9;font-size: 15px;color: #fc585b;" v-if="allOrderList.mstate===4">交易成功</p>
                </flexbox-item>
                <flexbox-item>
                  <p style="font-size: 15px;color: #636363;">{{allOrderList.mcreateTime}}</p>
                </flexbox-item>
              </flexbox>
            </group>
          </flexbox-item>
          <flexbox-item>
            <group gutter="0" v-for="morderDetailVos in allOrderList.morderDetailVos">
              <flexbox :gutter="0" v-for="order in morderDetailVos.items" style="border-bottom: solid 1px gainsboro">
                <flexbox-item :span="4" @click.native="getOrderDetailFn(index,morderDetailVos.id,morderDetailVos.orderKind)">
                  <div style="display: block;width:80px;height:80px;margin:10px 5px 10px 15px;">
                    <!--<img :src=order.itemUrl alt="itemImg" style="width: 100%;"> 正式图片时可直接图片100%-->
                    <img :src=order.itemUrl alt="商品图片" style="height:80px;">
                  </div>
                </flexbox-item>
                <flexbox-item @click.native="getOrderDetailFn(index,morderDetailVos.id,morderDetailVos.orderKind)">
                  <p style="line-height: 20px;font-size: 13px;color: #636363;padding-left: 40px">{{order.itemName}}</p>
                </flexbox-item>
                <flexbox-item :span="3.7">
                  <p v-if="morderDetailVos.payType===1" style="line-height: 30px;font-size: 13px;text-align: right;padding-right: 10px;color: #000" @click="getOrderDetailFn(index,morderDetailVos.id,morderDetailVos.orderKind)">¥{{order.price}}</p>
                  <p v-if="morderDetailVos.payType===2" style="line-height: 30px;font-size: 13px;text-align: right;padding-right: 10px;color: #000" @click="getOrderDetailFn(index,morderDetailVos.id,morderDetailVos.orderKind)">{{morderDetailVos.totalPrice}}积分</p>
                  <p style="color: grey;line-height: 30px;font-size: 12px;text-align: right;padding-right: 10px;color: #a9a9a9;" @click="getOrderDetailFn(index,morderDetailVos.id,morderDetailVos.orderKind)">x{{order.count}}</p>
                  <p v-if="allOrderList.mstate!==''&&allOrderList.mstate!==1&&order.status===3" style="color: red;line-height: 30px;font-size: 14px;text-align: right;padding-right: 10px;">已申请退款</p>
                  <!--订单付款后显示申请退款-->
                  <div style="text-align: right;margin: 0 10px 10px 0" v-if="allOrderList.mstate!==''&&allOrderList.mstate!==1&&order.status!==3&&morderDetailVos.orderKind===1">
                    <x-button mini style="background: #000;color: white;font-size: 13px;" @click.native="refundFn(order.orderSubId,allOrderList.mcreateTime)">申请退款</x-button>
                  </div>
                </flexbox-item>
              </flexbox>
              <span v-if="morderDetailVos.payType===1" style="display: block;border-bottom: solid 1px gainsboro;text-align: right;padding-right: 20px;line-height: 42px;font-size: 14px;color: #a9a9a9;">总计:<span style="color: #636363;">¥{{morderDetailVos.totalPrice}}</span></span>
              <span v-if="morderDetailVos.payType===2" style="display: block;border-bottom: solid 1px gainsboro;text-align: right;padding-right: 20px;line-height: 42px;font-size: 14px;color: #a9a9a9;">总计:<span style="color: #636363;">{{morderDetailVos.totalPrice}}积分</span></span>
              <!--订单付款后可查看物流以及确认收货-->
              <div style="text-align: right;margin: 0 20px 15px 0" v-if="allOrderList.mstate!==''&&allOrderList.mstate!==1&&allOrderList.mstate!==4">
                <x-button v-if="allOrderList.mstate!==2" @click.native='lookLogisticsFn' mini style="background: #000;color: white;font-size: 13px;">查看物流</x-button>
                <x-button v-if="allOrderList.mstate!==2" mini style="background: #f95320;color: white;border-color: #f95320;font-size: 13px;" @click.native="confirmOrder(morderDetailVos.id)">确认收货</x-button>
              </div>
            </group>
            <group gutter="0">
              <!--待付款订单显示去付款以及取消按钮-->
              <div style="text-align: right;margin: 10px 10px 10px 0" v-if="allOrderList.mstate!==''&&allOrderList.mstate===1">
                <!--<x-button mini>取消</x-button>-->
                <div style="display: inline-block;height: 26px;margin: auto 10px;border-radius: 4px;padding: 0 5px;background: #f95320;">
                  <p style="font-size: 13px;display: inline-block;line-height: 20px;color: white" @click="goPayFn(allOrderList.mid)">去付款</p>
                  <clocker v-if="allOrderList.countDown!==''" :time=allOrderList.countDown slot="value" @click="goPayFn(allOrderList.mid)">
                    <span class="day">%_M1%_M2:%_S1%_S2</span>
                  </clocker>
                </div>
              </div>
            </group>
          </flexbox-item>
        </flexbox>
        <flexbox v-if="noOrder === false&& detailList === true" orient="vertical" :gutter="0" v-for="ORDERLIST in ORDERLIST">
          <flexbox-item>
            <group gutter="5">
              <flexbox>
                <flexbox-item :span="3.8">
                  <p style="text-align:center;border-right: solid 1px #d9d9d9;font-size: 15px;color: #fc585b;" v-if="ORDERLIST.orderState===1">待付款</p>
                  <p style="text-align:center;border-right: solid 1px #d9d9d9;font-size: 15px;color: #fc585b;" v-if="ORDERLIST.orderState===2">待发货</p>
                  <p style="text-align:center;border-right: solid 1px #d9d9d9;font-size: 15px;color: #fc585b;" v-if="ORDERLIST.orderState===3">待收货</p>
                  <p style="text-align:center;border-right: solid 1px #d9d9d9;font-size: 15px;color: #fc585b;" v-if="ORDERLIST.orderState===4">交易成功</p>
                </flexbox-item>
                <flexbox-item>
                  <p style="font-size: 15px;color: #636363;">{{ORDERLIST.createtime}}</p>
                </flexbox-item>
              </flexbox>
            </group>
          </flexbox-item>
          <flexbox-item>
            <flexbox :gutter="0" v-for="order in ORDERLIST.items" style="border-bottom: solid 1px gainsboro">
              <flexbox-item :span="4" @click.native="getOrderDetailFn(index,ORDERLIST.id,ORDERLIST.orderKind)">
                <div style="display: block;width:80px;height:80px;margin:10px 5px 10px 15px;">
                  <!--<img :src=order.itemUrl alt="itemImg" style="width: 100%;"> 正式图片时可直接图片100%-->
                  <img :src=order.itemUrl alt="商品图片" style="height:80px;">
                </div>
              </flexbox-item>
              <flexbox-item @click.native="getOrderDetailFn(index,ORDERLIST.id,ORDERLIST.orderKind)">
                <p style="line-height: 20px;font-size: 13px;color: #636363;padding-left: 40px">{{order.itemName}}</p>
              </flexbox-item>
              <flexbox-item :span="3.7">
                <p v-if="ORDERLIST.payType===1" style="line-height: 30px;font-size: 13px;text-align: right;padding-right: 10px;color: #000" @click="getOrderDetailFn(index,morderDetailVos.id,ORDERLIST.orderKind)">¥{{order.price}}</p>
                <p v-if="ORDERLIST.payType===2" style="line-height: 30px;font-size: 13px;text-align: right;padding-right: 10px;color: #000" @click="getOrderDetailFn(index,morderDetailVos.id,ORDERLIST.orderKind)">{{ORDERLIST.totalPrice}}积分</p>
                <p style="color: grey;line-height: 30px;font-size: 12px;text-align: right;padding-right: 10px;color: #a9a9a9;" @click="getOrderDetailFn(index,ORDERLIST.id,ORDERLIST.orderKind)">x{{order.count}}</p>
                <p v-if="ORDERLIST.orderState!==''&&ORDERLIST.orderState!==1&&order.status===3" style="color: red;line-height: 30px;font-size: 14px;text-align: right;padding-right: 10px;">已申请退款</p>
                <!--订单付款后显示申请退款-->
                <div style="text-align: right;margin: 0 10px 10px 0" v-if="ORDERLIST.orderState!==''&&ORDERLIST.orderState!==1&&order.status!==3&&ORDERLIST.orderKind===1">
                  <x-button mini style="background: #000;color: white;font-size: 13px;" @click.native="refundFn(order.orderSubId,ORDERLIST.createTime)">申请退款</x-button>
                </div>
              </flexbox-item>
            </flexbox>
            <span v-if="ORDERLIST.payType===1" style="display: block;border-bottom: solid 1px gainsboro;text-align: right;padding-right: 20px;line-height: 42px;font-size: 14px;color: #a9a9a9;">总计:<span style="color: #636363;">¥{{ORDERLIST.totalPrice}}</span></span>
            <span v-if="ORDERLIST.payType===2" style="display: block;border-bottom: solid 1px gainsboro;text-align: right;padding-right: 20px;line-height: 42px;font-size: 14px;color: #a9a9a9;">总计:<span style="color: #636363;">{{ORDERLIST.totalPrice}}积分</span></span>
            <!--订单付款后可查看物流以及确认收货-->
            <div style="text-align: right;margin: 0 20px 15px 0" v-if="ORDERLIST.orderState!==''&&ORDERLIST.orderState!==1&&ORDERLIST.orderState!==4">
              <x-button  v-if="ORDERLIST.orderState!==2" mini @click.native='lookLogisticsFn' style="background: #000;color: white;font-size: 13px;">查看物流</x-button>
              <x-button v-if="ORDERLIST.orderState!==2" mini style="background: #f95320;color: white;border-color: #f95320;font-size: 13px;" @click.native="confirmOrder(ORDERLIST.id)">确认收货</x-button>
            </div>
          </flexbox-item>
        </flexbox>
        <div v-if="hasNext === true" style="text-align: center;line-height: 30px;color: grey;" @click="load2">轻触加载更多···</div>
        <!--<divider v-if="allList === true">我是有底线的</divider>-->
        <p style="font-size: 12px;color: #adadad;text-align: center;" v-if="allList === true">已加载全部数据···</p>
      </div>
      <div style="width: 100%" v-if="index !== 0">
        <p style="text-align: center;color: blue;margin-bottom: 10px;" align="center">
          <a  :href="qqLink"><p style="color: #999999;padding-top: 30px">联系客服</p></a>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
  import { Group, Cell, Tab, TabItem, Swiper, SwiperItem, Flexbox, FlexboxItem, XButton, Clocker, Alert, Divider, Scroller, Loading, XHeader } from 'vux'
  import * as urls from '../../../../api/urls'
  import * as types from '../../../../store/types'
  import shopList from '../../../../components/shopCart/ShopCart_Q.vue'
  import YqHeader from '../../../../components/YqHeader.vue'

  export default {
    components: {
      Group,
      Cell,
      Tab,
      TabItem,
      Swiper,
      SwiperItem,
      Flexbox,
      FlexboxItem,
      XButton,
      Clocker,
      Alert,
      shopList,
      Divider,
      Scroller,
      Loading,
      XHeader,
      YqHeader
    },
    data () {
      return {
        isShowHeader: false,
        detailList: false,
        boxStyle: 'min-height: 200px;border: solid 1px bisque;',
        contentBox: 'height: 200px;border: solid 1px bisque;overflow-x: hidden;overflow-y: auto;',
        hasNext: true,
        orderState: '待付款',
        qqLink: '',
        dataTime: '',
        noOrder: false,
        showLoading: false,
        allList: false,
        show: false,
        message: '',
        showType: 'coupon',
//        index: 0,
        allOrderList: [],
        obligationList: [],
        ORDERLIST: [],
        pullupConfig2: {
          content: '上拉加载更多',
          downContent: '松开进行加载',
          upContent: '上拉加载更多',
          loadingContent: '加载中...'
        },
        shopHeigth: '-40px',
        currentPage: 0,
        currentPageOrder: 0,
        pages: 1,
        pagesOrder: 1,
        item: [1, 2, 3, 4, 5, 6, 7, 8, 9],
        headHeight: 0,
        itemHeight: 0,
        totalHeight: 0,
        statusHeight: 0
      }
    },
    computed: {
      index: function () {
        return this.$store.state.userOrder.index
      }
    },
    methods: {
      onHide () {
        console.log('on hide')
      },
      onShow () {
        console.log('on show')
      },
      getOrderDetailFn (selectIndexq, orderId, kindId) {
        this.$store.commit(types.USER_ORDER, {index: selectIndexq, orderId: orderId, kindId: kindId})
        this.$router.push({
          path: '/order/OrderDetail'
        })
        this.$router.go(1)
      },
      refundFn (itemId, mcreateTime) {
        this.$store.commit(types.USER_ORDER, {itemId: itemId, mcreateTime: mcreateTime, index: this.index})
        this.$router.push({
          path: '/order/OrderRefund'
        })
        this.$router.go(1)
      },
      getObligationListFn (orderState, isClick) {
        let userId = this.$store.state.userInfo.id
        this.index = orderState
        let that = this
        that.showLoading = true
        if (orderState !== 0) {
          that.hasNext = false
        }
        this.$store.commit(types.USER_ORDER, {index: orderState})
        if (that.currentPageOrder === 0) {
          that.allOrderList = []
        }
        that.currentPageOrder = parseInt(that.currentPageOrder) + 1
        that.allList = false
        if (isClick === 1) {
          that.currentPageOrder = 1
          that.allOrderList = []
          that.noOrder = false
          that.hasNext = false
        }
//        orderState = 1 // 测试使用
        if (orderState === 3 || orderState === 4) {
          that.detailList = true
          that.http(urls.userOrderetailList, {userId: userId, orderState: orderState}, function (res) {
            if (res.status === 100) {
              that.showLoading = false
              if (res.data.list.length === 0) {
                that.noOrder = true
              } else {
                that.noOrder = false
                that.ORDERLIST = res.data.list
                for (var j = 0; j < that.ORDERLIST.length; j++) {
                  for (var k = 0; k < that.ORDERLIST[j].items.length; k++) {
                    let payType = that.ORDERLIST[j].items[k].payType
                    console.log(payType)
                    that.ORDERLIST[j].payType = payType
                  }
                }
              }
            } else {
              that.show = true
              that.message = res.errMsg
              that.showLoading = false
            }
          }, function (res) {
            that.show = true
            that.message = res
            that.showLoading = false
          })
        } else {
          that.detailList = false
          that.http(urls.userOrder, {userId: userId, orderState: orderState, currentPage: that.currentPageOrder, pageSize: 10}, function (res) {
            if (res.status === 100) {
              that.showLoading = false
              if (res.data.list.length === 0) {
                that.noOrder = true
                that.hasNext = false
//              that.$refs.scroller.disablePullup()
              } else {
                that.noOrder = false
                for (let i = 0; i < res.data.list.length; i++) {
                  let itemObj = res.data.list[i]
                  if (itemObj.mstate === 1) {
                    // 时间倒计时
                    let str = itemObj.mcreateTime
                    str = str.replace(/-/g, '/')
                    let myDate = new Date(str)
                    myDate.setMinutes(myDate.getMinutes() + 30)  // 当前时间加15分钟
                    itemObj.countDown = myDate.getFullYear() + '-' + parseInt(myDate.getMonth() + 1) + '-' + myDate.getDate() + ' ' + myDate.getHours() + ':' + myDate.getMinutes() + ':' + myDate.getSeconds()
                  }
                  that.allOrderList.push(itemObj)
                }
                for (var i = 0; i < that.allOrderList.length; i++) {
                  for (var j = 0; j < that.allOrderList[i].morderDetailVos.length; j++) {
                    for (var k = 0; k < that.allOrderList[i].morderDetailVos[j].items.length; k++) {
                      let payType = that.allOrderList[i].morderDetailVos[j].items[k].payType
                      that.allOrderList[i].morderDetailVos[j].payType = payType
                    }
                  }
                }
                that.currentPageOrder = res.data.pageNum
                that.pagesOrder = res.data.pages
//              that.$refs.scroller.donePullup()
//              that.$refs.scroller.reset()
                that.showLoading = false
                if (res.data.isLastPage !== '' && res.data.isLastPage !== null && res.data.isLastPage === true) {
                  that.currentPageOrder = 1
                  that.allList = true
                  that.hasNext = false
//                that.$refs.scroller.disablePullup()
                }
              }
            } else {
              that.show = true
              that.message = res.errMsg
              that.showLoading = false
            }
          }, function (res) {
            that.show = true
            that.message = '服务器错误，请稍后重试'
            that.showLoading = false
          })
        }
      },
      getAllOrder (isClick) {
        let userId = this.$store.state.userInfo.id
        this.$store.commit(types.USER_ORDER, {index: 0})
        this.index = 0
        let that = this
        if (that.currentPage === 0) {
          that.allOrderList = []
        }
        that.currentPage = parseInt(that.currentPage) + 1
        if (isClick === 1) {
          that.currentPage = 1
          that.allOrderList = []
          that.noOrder = false
          that.hasNext = false
        }
        that.allList = false
        that.showLoading = true
        that.detailList = false
        that.http(urls.userAllOrder, {userId: userId, currentPage: that.currentPage, pageSize: 10}, function (res) {
          if (res.status === 100) {
            that.showLoading = false
            if (res.data.data.list.length === 0) {
              that.noOrder = true
              that.hasNext = false
//              that.$refs.scroller.disablePullup()
            } else {
              that.noOrder = false
              for (let n = 0; n < res.data.data.list.length; n++) {
                let itemObj = res.data.data.list[n]
                if (itemObj.mstate === 1) {
                  // 时间倒计时
                  let str = itemObj.mcreateTime
                  str = str.replace(/-/g, '/')
                  let myDate = new Date(str)
                  myDate.setMinutes(myDate.getMinutes() + 30)  // 当前时间加15分钟
                  itemObj.countDown = myDate.getFullYear() + '-' + parseInt(myDate.getMonth() + 1) + '-' + myDate.getDate() + ' ' + myDate.getHours() + ':' + myDate.getMinutes() + ':' + myDate.getSeconds()
                }
                that.allOrderList.push(itemObj)
              }
              for (var i = 0; i < that.allOrderList.length; i++) {
                for (var j = 0; j < that.allOrderList[i].morderDetailVos.length; j++) {
                  for (var k = 0; k < that.allOrderList[i].morderDetailVos[j].items.length; k++) {
                    let payType = that.allOrderList[i].morderDetailVos[j].items[k].payType
                    that.allOrderList[i].morderDetailVos[j].payType = payType
                  }
                }
              }
              that.showLoading = false
              that.currentPage = res.data.data.pageNum
              that.pages = res.data.data.pages
//              that.$refs.scroller.donePullup()
//              that.$refs.scroller.reset()
              if (res.data.data.isLastPage === true) {
                that.currentPage = 1
                that.allList = true
                that.hasNext = false
//                that.$refs.scroller.disablePullup()
              }
            }
          } else {
            that.showLoading = false
            that.show = true
            that.message = res.errMsg
          }
        }, function (res) {
          that.show = true
          that.message = '服务器错误，请稍后重试'
          that.showLoading = false
        })
      },
      load2 () {
        let that = this
        that.showLoading = true
        if (that.index === 0) {
          if (that.currentPage === that.pages) {
            that.showLoading = false
            that.allList = true
//            that.$refs.scroller.disablePullup()
          } else {
            that.getAllOrder()
          }
        } else {
          if (that.currentPageOrder === that.pagesOrder) {
            that.showLoading = false
            that.allList = true
//            that.$refs.scroller.disablePullup()
          } else {
            that.getObligationListFn(that.index)
          }
        }
      },
      goPayFn (mianOrderId) {
        this.$router.push({
          path: '/shoppingCar/shoppingBuy',
          query: {
            money: '',
            useScore: '',
            mianOrderId: mianOrderId
          }
        })
        this.$router.go(1)
      },
      confirmOrder (orderId) {
//        console.log(orderId + '确认收货')
        let userId = this.$store.state.userInfo.id
        let that = this
        that.$vux.confirm.show({
          title: '提示',
          content: '你已收到商品吗？',
          cancelText: '取消',
          confirmText: '已收到',
          // 组件除show外的属性
          onConfirm () {
            that.http(urls.userOrderComfirm, {userId: userId, orderId: orderId}, function (res) {
              if (res.status === 100) {
                if (that.index === 0) {
                  that.getAllOrder()
                }
                if (that.index === 3) {
                  that.getObligationListFn(that.index)
                }
              } else {
                that.show = true
                that.message = res.errMsg
              }
            }, function (res) {
              that.show = true
              that.message = res.errMsg
            })
          }
        })
      },
      lookLogisticsFn () {
        // 查看物流
//        this.$router.push({
//          path: '/order/OrderLogistics',
//          query: {}
//        })
//        this.$router.go(1)
      },
      weixinfn22 () {
        let that = this
        let userId = this.$store.state.userInfo.id
        let logo = this.$store.state.empower.LOGO
        let url = window.location.origin
        let link = url + '/api/wxAuth/index?type=t1' + '&uid=' + userId
        that.$wechat.onMenuShareAppMessage({
          title: '孝行通', // 分享标题
          desc: '孝行通·微商城 一个让子女为父母尽孝的老年服务平台', // 分享描述
          link: link, // 分享链接
          imgUrl: logo, // 分享图标
          success: function () {
            // 用户确认分享后执行的回调函数
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        })
        that.$wechat.onMenuShareTimeline({
          title: '孝行通', // 分享标题
          link: link, // 分享链接
          imgUrl: logo, // 分享图标
          success: function () {
            // 用户确认分享后执行的回调函数
          },
          cancel: function () {
            // 用户取消分享后执行的回调函数
          }
        })
      }
    },
    mounted: function () {
      let qq = this.$store.state.empower.sysqq
      this.qqLink = 'http://wpa.qq.com/msgrd?v=3&uin=' + qq + '&site=qq&menu=yes'
      this.boxStyle = 'min-height:' + (document.body.clientHeight - 44 - 35) + 'px'
      this.contentBox = 'overflow-x: hidden;overflow-y: auto;height: ' + (document.body.clientHeight) + 'px;'
      document.getElementsByClassName('weui_tab_bd')[0].style.overflowY = 'hidden'
      document.getElementsByClassName('weui_tabbar')[0].style.display = 'none'
//      document.getElementsByClassName('weui_tab_bd')[0].style.paddingBottom = '0'
      if (this.index !== 0) {
        this.getObligationListFn(this.index)
      } else {
        this.getAllOrder()
      }
      // 可见窗口高度
      let clientHeight = parseInt(document.body.clientHeight)
      // 搜索栏高度
      let timeIdHeight = 40
      // 底部菜单高度
//      let bottomHeight = 50
      this.shopHeigth = (clientHeight - timeIdHeight) + 'px'
      this.weixinfn22()
    }
  }
</script>

<style scoped="scoped">
  p{
    line-height: 36px;
  }
  .day{
    font-size: 14px;
    color: white;
  }
  .vux-tab .vux-tab-item.vux-tab-selected{
    color: #3d82e5 !important;
  }
</style>
